<div class = "system-container clearfix" style = "width: 100%;height: 100%;" data-ng-init = "switchType('town')">
    <div class = "fl" style = "width: 40%;height: 100%;">
        <div id = "averages-praise-chart" class = "chart-container" class = "w" style = "height: 33.3%">
            <averages-praise-chart></averages-praise-chart>
        </div>
        <div id = "products-number-chart" class = "chart-container" class = "w" style = "height: 33.3%">
            <products-number-chart></products-number-chart>
        </div>
        <div id = "shops-num-chart" class = "chart-container" class = "w" style = "height: 33.3%">
            <shops-num-chart></shops-num-chart>
        </div>
    </div>
    <div class = "fl" style = "width: 40%;height: 100%;">
        <div id = "sends-time-chart" class = "chart-container" style = "height: 33.3%">
            <sends-time-chart></sends-time-chart>
        </div>
        <div id = "years-turnover-chart" class = "chart-container" style = "height: 33.3%">
            <years-turnover-chart></years-turnover-chart>
        </div>
        <div id = "peoples-num-chart" class = "chart-container" style = "height: 33.3%">
            <peoples-num-chart></peoples-num-chart>
        </div>
    </div>
    <div class = "fr compare-ranking" style = "width: 20%;height: 100%;">
        <table class = "saler-rank">
            <caption></caption>
            <thead>
                <tr>
                    <th>店铺名</th>
                    <th>月销量</th>
                    <th>月销售额</th>
                    <!-- <th>客单价</th>
                    <th ng-if='topSalers[0].town'>镇</th>
                    <th ng-if='topSalers[0].village'>村</th> -->
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat = "saler in topSalers">
                    <td>{{saler.name}}</td>
                    <td>{{saler.saleMount}}</td>
                    <td>{{saler.saleMoney}}</td>
                    <!-- <td>{{saler.perPrice}}</td>
                    <td ng-if='saler.town'>{{saler.town}}</td>
                    <td ng-if='saler.village'>{{saler.village}}</td> -->
                </tr>
            </tbody>
        </table>
    </div>
    <nav curr = "compare"></nav>
</div>